import _ from "lodash";
// es6 引入

import "./style.css";
// 模块化引入css

import Icon from "./compatible_chrome.gif";

const component = () => {
  const element = document.createElement("div");

  // lodash（目前通过一个 script 引入）对于执行这一行是必需的

  // lodash 在当前 script 中使用 import 引入
  element.innerHTML = _.join(["Hello", "world"], " ");
  element.classList.add("hello");
  //   element.innerHTML = ["Hello", "webpack"].join(" ");

  const myIcon = document.createElement("img");
  myIcon.src = Icon;
  element.appendChild(myIcon);

  console.log('789');

  return element;
};

document.body.appendChild(component());
